<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,
    minimum-scale=1.0,user-scalable=0,width=device-width">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>58同城</title>
    <link rel="stylesheet" href="css/normalize.css">
    <link rel="stylesheet" href="css/index.css">
</head>

<body>
    <!-- 头部 -->
    <header>
        <!-- logo -->
        <div class="logo">郑州</div>
        <!-- 搜索 -->
        <div class="sec">找房子</div>
        <!-- 登录 -->
        <div class="login">
            <a href="">发布</a> <i>|</i>
            <a href="">我的</a>
        </div>
    </header>
    <!-- 导航 -->
    <div class="ban">
        <ul>
            <li><a href="">租房</a></li>
            <li><a href="">个人房源</a></li>
            <li><a href="">品牌公寓</a></li>
            <li><a href="">短租</a></li>
            <li><a href="">二手房</a></li>
            <li><a href="">商铺</a></li>
            <li><a href="">生意转让</a></li>
            <li><a href="">写字楼</a></li>
            <li><a href="">厂房仓库</a></li>
            <li><a href="">新房</a></li>
        </ul>
    </div>
    <!-- 租房 -->
    <div class="zhu">
        <h3>租房</h3>
        <div class="zhupin">
            <div>
                <h4>品牌公寓管</h4>
                <p>免中介费的好房子</p>
            </div>
            <div>
                <h4>阳光主卧</h4>
                <p>享受阳光午后</p>
            </div>
            <div>
                <h4>临近地铁</h4>
                <p>上班更快捷</p>
            </div>
        </div>
        <div class="fenlei">
            <ul>
                <li>整租</li>
                <li>合租</li>
                <li>热阻</li>
                <li>求租</li>
                <li>个人</li>
                <li>公寓</li>
                <li>公寓</li>
                <li>公寓</li>
            </ul>
        </div>
    </div>
    <!-- 二手房 -->
    <div class="zhu">
        <h3>二手房</h3>
        <div class="zhupin">
            <div>
                <h4>品牌公寓管</h4>
                <p>免中介费的好房子</p>
            </div>
            <div>
                <h4>阳光主卧</h4>
                <p>享受阳光午后</p>
            </div>
            <div>
                <h4>临近地铁</h4>
                <p>上班更快捷</p>
            </div>
        </div>
        <div class="fenlei">
            <ul>
                <li>整租</li>
                <li>合租</li>
                <li>热阻</li>
                <li>求租</li>
                <li>个人</li>
                <li>个人</li>
                <li>公寓</li>
            </ul>
        </div>
    </div>
    <!-- 商业地产 -->
    <div class="zhu">
        <h3>商业地产</h3>
        <div class="fenlei">
            <ul>
                <li>整租</li>
                <li>整租</li>
                <li>整租</li>
                <li>整租</li>
                <li>整租</li>
                <li>整租</li>
                <li>整租</li>
            </ul>
        </div>
    </div>
    <!-- 猜你兴趣 -->
    <div class="cai">猜你兴趣</div>
    <div class="cai_fen">
        <ul>
            <li>精装公寓</li>
            <li>租房</li>
            <li>二手房</li>
        </ul>
        <div class="fangzi">
            <div class="cai_xaing">
                <div class="photo">
                    <img src="images/dachaung_03.png" alt="">
                </div>
                <div class="dizhi">
                    <div>
                        <span>经三路</span>
                        <span>绿云都市家园</span>
                        <span>6室2厅</span>
                    </div>
                    <div>
                        <span>/20层</span>
                        <span>20m*2</span>
                    </div>
                    <div>
                        <span>世纪鸿普公寓</span>
                    </div>
                    <div>
                        <span>独栋</span>
                        <span>临地铁</span>
                        <span>押一付一</span>
                    </div>
                </div>
                <div class="jiage">
                    <p>整租</p>
                    <p>1150元</p>
                </div>
            </div>
            <div class="cai_xaing">
                <div class="photo">
                    <img src="images/dachaung_03.png" alt="">
                </div>
                <div class="dizhi">
                    <div>
                        <span>经三路</span>
                        <span>绿云都市家园</span>
                        <span>6室2厅</span>
                    </div>
                    <div>
                        <span>/20层</span>
                        <span>20m*2</span>
                    </div>
                    <div>
                        <span>世纪鸿普公寓</span>
                    </div>
                    <div>
                        <span>独栋</span>
                        <span>临地铁</span>
                        <span>押一付一</span>
                    </div>
                </div>
                <div class="jiage">
                    <p>整租</p>
                    <p>1150元</p>
                </div>
            </div>
            <div class="cai_xaing">
                <div class="photo">
                    <img src="images/dachaung_03.png" alt="">
                </div>
                <div class="dizhi">
                    <div>
                        <span>经三路</span>
                        <span>绿云都市家园</span>
                        <span>6室2厅</span>
                    </div>
                    <div>
                        <span>/20层</span>
                        <span>20m*2</span>
                    </div>
                    <div>
                        <span>世纪鸿普公寓</span>
                    </div>
                    <div>
                        <span>独栋</span>
                        <span>临地铁</span>
                        <span>押一付一</span>
                    </div>
                </div>
                <div class="jiage">
                    <p>整租</p>
                    <p>1150元</p>
                </div>
            </div>
            <div class="cai_xaing">
                <div class="photo">
                    <img src="images/dachaung_03.png" alt="">
                </div>
                <div class="dizhi">
                    <div>
                        <span>经三路</span>
                        <span>绿云都市家园</span>
                        <span>6室2厅</span>
                    </div>
                    <div>
                        <span>/20层</span>
                        <span>20m*2</span>
                    </div>
                    <div>
                        <span>世纪鸿普公寓</span>
                    </div>
                    <div>
                        <span>独栋</span>
                        <span>临地铁</span>
                        <span>押一付一</span>
                    </div>
                </div>
                <div class="jiage">
                    <p>整租</p>
                    <p>1150元</p>
                </div>
            </div>
            <div class="cai_xaing">
                <div class="photo">
                    <img src="images/dachaung_03.png" alt="">
                </div>
                <div class="dizhi">
                    <div>
                        <span>经三路</span>
                        <span>绿云都市家园</span>
                        <span>6室2厅</span>
                    </div>
                    <div>
                        <span>/20层</span>
                        <span>20m*2</span>
                    </div>
                    <div>
                        <span>世纪鸿普公寓</span>
                    </div>
                    <div>
                        <span>独栋</span>
                        <span>临地铁</span>
                        <span>押一付一</span>
                    </div>
                </div>
                <div class="jiage">
                    <p>整租</p>
                    <p>1150元</p>
                </div>
            </div>
        </div>
    </div>
    <div class="jiazai">加载更多</div>
    <div class="yingyong">
        <ul>
            <li>普通版</li>
            <li>触屏版</li>
            <li>电脑版</li>
            <li>58APP</li>
            <li>58微信</li>
        </ul>
    </div>

</body>

</html>